<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>电科飞机培训中心</title>
        <style>
            table {
                width: 100%;
                border-spacing: 0;
                border-collapse:  unset;
            }
            th, td {
                border: 1px solid #e8e8e8;
            }
            th, td {
                padding: 1px;
                text-align: left;
            }
            tr:nth-child(even) {
                background-color: #f2f2f2;
            }
        </style>
    </head>
    <body>
        <div class="page">
            <div class="container">
                <table>
                    <thead>
                    <tr>
                        <td colspan="11">
                            <h1 style="text-align: left; margin: 10px 0">借还历史记录</h1>
                        </td>
                    </tr>
                    <tr style="font-weight: bold">
                        <td style="width: 40px">序号</td>
                        <td style="width: 240px">工具名称</td>
                        <td style="width: 100px">工具编号</td>
                        <td style="width: 100px">飞机注册号</td>
                        <td style="width: 135px">借用时间</td>
                        <td style="width: 135px">归还时间</td>
                        <td style="width: 75px">借用人</td>
                        <td style="width: 75px">归还人</td>
                        <td style="width: 75px">操作者</td>
                        <td style="width: 80px">借用数量</td>
                        <td style="width: 80px">归还数量</td>
                    </tr>
                    </thead>
                    <tbody>
                        <tr th:each="item, i : ${list}">
                            <td th:text="${i.index + 1}"></td>
                            <td th:text="${item.toolName}"></td>
                            <td th:text="${item.barcode}"></td>
                            <td th:text="${item.airplaneId}"></td>
                            <td th:text="${item.borrowTime}"></td>
                            <td th:text="${item.returnTime}"></td>
                            <td th:text="${item.borrowByName}"></td>
                            <td th:text="${item.returnByName}"></td>
                            <td th:text="${item.operatorName}"></td>
                            <td th:text="${item.borrowCount}"></td>
                            <td th:text="${item.returnCount}"></td>
                        </tr>
                    </tbody>
                    <tr>
                        <td  colspan="11" style="text-align: left">借用人签字：</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>
